<div class="layui-card">
	  <div class="layui-card-header" style="padding: 15px 0 10px 0">
		  
		  <form id="form-select" class="layui-form" lay-filter="test" action="/sys/user/list">
		    <div class="layui-form-item">
				  <label class="layui-form-label">姓名</label>
				  <div class="layui-input-inline">
					<input type="text" name="name" value="管理员" placeholder="姓名" class="layui-input">
				  </div>
				  <label class="layui-form-label">登录名</label>
				  <div class="layui-input-inline">
					<input type="text" name="loginName" value="" placeholder="登录名" class="layui-input">
				  </div>
				  
				  <label class="layui-form-label">单位名称</label>
				  <div class="layui-input-inline">
				  	<input type="text" name="departmentName" value="" placeholder="单位名称" class="layui-input">
				  </div>
				  
				  <div class="layui-input-inline">
					<select name="status">
					  <option value="">--用户状态--</option>
					  <option value="1">有效</option>
					  <option value="0">无效</option>
					</select><div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="--用户状态--" value="" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="" class="layui-select-tips">--用户状态--</dd><dd lay-value="1" class="">有效</dd><dd lay-value="0" class="">无效</dd></dl></div>
				  </div>
				  
				  <div class="layui-input-inline flex-v-cneter">
					  <button id="selectbtn" class="layui-btn" type="button" onclick="this_formSelect()">查询</button>
					  <button type="reset" class="layui-btn layui-btn-primary" onclick="reloadThisPage()">重置</button>
				  </div>
		    </div>

		  </form>
		  
		</div>
		
	  <div class="layui-card-body">
			<div style="padding-bottom:5px">
				<button id="batchDelete" class="layui-btn" type="button" onclick="batchDelete()">批量删除</button>
				<button id="newAdd" class="layui-btn" type="button" v-on:click="newUser">新增</button>
			</div>
			<table class="layui-table layui-form" id="userlist" lay-filter="userlist">
			  <thead class="layui-form">
				<tr>
					<th width="30">
						<input type="checkbox" lay-skin="primary" lay-filter="selectAllUser"><div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div>
					</th>
					<th type="numbers" width="30">序号</th>
					<th style="text-align:center;width:50px;">头像</th>
					<th width="100">登录名</th>
					<th width="80">昵称</th>
					<th width="150">姓名 / 单位</th>
					<th>手机</th>
					<th>邮箱</th>
					<th width="115">用户类型</th>
					<th width="60">状态</th>
					<th width="170">操作</th>
				</tr> 
			  </thead>
			  <tbody class="layui-form">
				<tr ondblclick="this_edit('1')">
					<td>
						<input type="checkbox" name="selectId" value="1" lay-skin="primary"><div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div>
					</td>
					<td>1</td>
					<td><img style="width:50px;height:50px;border-radius:100%;" src="/theme/image/user_pic.png"></td>
					<td class="one-line wx-150">superadmin</td>
					<td></td>
					<td>
						系统管理员
							&nbsp;<a title="具有全部数据操作权限" class="layui-icon layui-icon-flag" style="color:#fe5402;font-weight:bold;"></a>
					</td>
					<td></td>
					<td>adminsunit@qq.com</td>
					<td style="word-break:break-all;">管理员</td>
					<td>
						<input type="checkbox" lay-skin="switch" lay-text="有效|无效" checked="" disabled="disabled"><div class="layui-unselect layui-form-switch layui-form-onswitch layui-checkbox-disbaled layui-disabled" lay-skin="_switch"><em>有效</em><i></i></div>
					</td>
					<td class="operation">
						<a onclick="this_edit('1')" title="双击某行也可进行编辑">查看编辑</a>
						&nbsp;
						<a onclick="reSetPassword('1','sunit','系统管理员')">重置密码</a>
						&nbsp;
						<a onclick="this_delete('1')">删除</a>
					</td>
				</tr>
				<tr ondblclick="this_edit('2')">
					<td>
						<input type="checkbox" name="selectId" value="2" lay-skin="primary"><div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div>
					</td>
					<td>2</td>
					<td><img style="width:50px;height:50px;border-radius:100%;" src="/theme/image/user_pic.png"></td>
					<td class="one-line wx-150">admin</td>
					<td></td>
					<td>
						管理员
							&nbsp;<a title="具有全部数据操作权限" class="layui-icon layui-icon-flag" style="color:#fe5402;font-weight:bold;"></a>
					</td>
					<td>188555566655</td>
					<td>abc@aa.cn</td>
					<td style="word-break:break-all;">管理员</td>
					<td>
						<input type="checkbox" lay-skin="switch" lay-text="有效|无效" checked="" disabled="disabled"><div class="layui-unselect layui-form-switch layui-form-onswitch layui-checkbox-disbaled layui-disabled" lay-skin="_switch"><em>有效</em><i></i></div>
					</td>
					<td class="operation">
						<a onclick="this_edit('2')" title="双击某行也可进行编辑">查看编辑</a>
						&nbsp;
						<a onclick="reSetPassword('2','admin','管理员')">重置密码</a>
						&nbsp;
						<a onclick="this_delete('2')">删除</a>
					</td>
				</tr>
				<tr ondblclick="this_edit('1355489222241243138')">
					<td>
						<input type="checkbox" name="selectId" value="1355489222241243138" lay-skin="primary"><div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div>
					</td>
					<td>3</td>
					<td><img style="width:50px;height:50px;border-radius:100%;" src="/theme/image/user_pic.png"></td>
					<td class="one-line wx-150">bookmanager-01</td>
					<td></td>
					<td>
						三号管理员
					</td>
					<td></td>
					<td>Manager@2021.com</td>
					<td style="word-break:break-all;">管理员</td>
					<td>
						<input type="checkbox" lay-skin="switch" lay-text="有效|无效" checked="" disabled="disabled"><div class="layui-unselect layui-form-switch layui-form-onswitch layui-checkbox-disbaled layui-disabled" lay-skin="_switch"><em>有效</em><i></i></div>
					</td>
					<td class="operation">
						<a onclick="this_edit('1355489222241243138')" title="双击某行也可进行编辑">查看编辑</a>
						&nbsp;
						<a onclick="reSetPassword('1355489222241243138','bookmanager-01','市委党校-书吧管理员')">重置密码</a>
						&nbsp;
						<a onclick="this_delete('1355489222241243138')">删除</a>
					</td>
				</tr>
			  </tbody>
			</table>
			<div id="userPage_list"><div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-2"><span class="layui-laypage-count">共 27 条</span><a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a><span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;" data-page="2">2</a><a href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a><span class="layui-laypage-limits"><select lay-ignore=""><option value="10">10 条/页</option><option value="20" selected="">20 条/页</option><option value="30">30 条/页</option><option value="40">40 条/页</option><option value="50">50 条/页</option></select></span><span class="layui-laypage-skip">到第<input type="text" min="1" value="1" class="layui-input">页<button type="button" class="layui-laypage-btn">确定</button></span></div></div>
	  </div>
</div>

<component v-bind:is="details"></component>
